---
title: Transaksi Terbaru
description: Tampilkan transaksi terbaru Anda
---

# Transaksi Terbaru

## Tampilkan transaksi terbaru Anda

Anda dapat memilih untuk menampilkan transaksi terbaru dalam modal akun RainbowKit. Harap dicatat bahwa semua transaksi disimpan di penyimpanan lokal dan harus didaftarkan secara manual dengan RainbowKit agar bisa ditampilkan.

Implementasi default `ConnectButton` juga akan menampilkan indikator pemuatan di sekitar avatar pengguna jika ada transaksi yang tertunda. Implementasi `ConnectButton` kustom dapat membuat ulang perilaku ini melalui properti `account.hasPendingTransactions` yang diteruskan ke fungsi render Anda.

Untuk menggunakan fitur ini, pertama-tama aktifkan opsi `showRecentTransactions` pada `RainbowKitProvider`.

```tsx
import { RainbowKitProvider } from '@rainbow-me/rainbowkit';

const App = () => {
  return (
    <RainbowKitProvider showRecentTransactions={true} {...etc}>
      {/* ... */}
    </RainbowKitProvider>
  );
};
```

Transaksi kemudian dapat didaftarkan dengan RainbowKit menggunakan hook `useAddRecentTransaction`.

```tsx
import { useAddRecentTransaction } from '@rainbow-me/rainbowkit';

export default () => {
  const addRecentTransaction = useAddRecentTransaction();

  return (
    <button
      onClick={() => {
        addRecentTransaction({
          hash: '0x...',
          description: '...',
        });
      }}
    >
      Add recent transaction
    </button>
  );
};
```

Setelah transaksi didaftarkan dengan RainbowKit, statusnya akan diperbarui setelah selesai.

Secara default, transaksi akan dianggap selesai setelah satu blok ditambang di atas blok tempat transaksi ditambang, tetapi ini dapat dikonfigurasi dengan menentukan nilai `confirmations` kustom.

```tsx
import { useAddRecentTransaction } from '@rainbow-me/rainbowkit';

export default () => {
  const addRecentTransaction = useAddRecentTransaction();

  return (
    <button
      onClick={() => {
        addRecentTransaction({
          hash: '0x...',
          description: '...',
          confirmations: 100,
        });
      }}
    >
      Add recent transaction
    </button>
  );
};
```
